<template>
  <div>
    <router-view></router-view>
    <!-- <Plus /> -->
    <!-- <SvgIcon name="phone" color="red" width="100px" height="100px"></SvgIcon>
    <Pagination></Pagination> -->
    <!-- <el-button type="primary" size="default" :icon="Plus">主要按钮</el-button>
    <el-button type="success" size="small" :icon="Edit">小按钮</el-button>
    <el-button type="danger" size="default" :icon="Delete">小按钮</el-button>
    <el-pagination
      :page-sizes="[100, 200, 300, 400]"
      layout="total, sizes, prev, pager, next, jumper"
      :total="400"
    /> -->
    <!-- <Test></Test> -->
    <!-- <SvgIcon name="home" color="red"></SvgIcon> -->

    <!-- <h1>测试Sass代码</h1>
    <h1>测试axios二次封装</h1> -->
  </div>
</template>

<script setup lang="ts">
import { onMounted } from 'vue'
import request from '@/utils/request'
import { Plus, Edit, Delete } from '@element-plus/icons-vue'
import { reqLogin } from './api/user'
// import Test from '@/components/test.vue'
// onMounted(() => {
//   request({
//     url: '/user/login',
//     method: 'post',
//     data: {
//       username: 'admin',
//       password: '111111',
//     },
//   }).then((res) => {
//     console.log(res)
//   })
// })
onMounted(() => {
  reqLogin({ username: 'admin', password: '111111' })
})
console.log(import.meta.env)
</script>

<style scoped lang="scss">
div {
  h1 {
    color: $base-color;
  }
}
</style>
